<!DOCTYPE html>
<html>
<head>
  <div  th:replace="common/header.html"></div>


</head>
<body th:class="${application.sidebarCollapse}">
<div th:replace="common/chart.html"></div>

<div class="wrapper">

  <div th:replace="common/navbar.html"></div>

  <div th:replace="common/aside.html"></div>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper"  style="font-size:0.90rem">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1></h1>
          </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item active"></li>
                </ol>
            </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <div class="row">

  <div class="col-md-10">
    <div class="card card-primary">
      <div class="card-header">
        <h3 class="card-title">添加服务接口（响应状态码200即为成功）</h3>
          <div class=" float-sm-right">
              <a href="javascript:history.back()">返回</a>
          </div>
      </div>
      <!-- /.card-header -->
      <!-- form start -->
        <form role="form" id="form1" th:action="@{'/heathMonitor/save'}">
            <input type="hidden" name="id" th:value="${heathMonitor.id}"/>
            <div class="card-body">
                <div class="form-group">
                    <label><font color="red">*</font>服务接口名称</label>
                    <input type="text" autocomplete="off"  th:value="${heathMonitor.appName}" class="validate[required,maxSize[50]] form-control" name="appName" id="appName" placeholder="输入服务接口名称">
                </div>
                <div class="form-group">
                    <label><font color="red">*</font>服务接口URL<span class="text-muted">（URL必须为http、https接口）</span></label>
                    <input type="text" autocomplete="off"  th:value="${heathMonitor.heathUrl}" class="validate[required,maxSize[255]] form-control" name="heathUrl" id="heathUrl" placeholder="如http://192.168.1.1:9999/wgcloud/heath">
                </div>
                <div class="form-group clearfix">
                    <label><font color="red">*</font>接口请求方式</label></br>
                    <th:block th:if="${#strings.isEmpty(heathMonitor.method)}" >
                        <div class="icheck-turquoise d-inline">
                            <input type="radio" onclick="hidePostStr()" id="radioPrimary2" name="method" value="GET" checked>
                            <label for="radioPrimary2"> GET </label>
                        </div>
                        <div class="icheck-wisteria d-inline">
                            <input type="radio" onclick="showPostStr()" id="radioPrimary4" value="POST" name="method" >
                            <label for="radioPrimary4">POST</label>
                        </div>
                    </th:block>
                    <th:block th:if="${heathMonitor.method  == 'GET'}">
                        <div class="icheck-turquoise d-inline">
                            <input type="radio" onclick="hidePostStr()" id="radioPrimary2" name="method" value="GET" checked>
                            <label for="radioPrimary2"> GET </label>
                        </div>
                        <div class="icheck-wisteria d-inline">
                            <input type="radio" onclick="showPostStr()" id="radioPrimary4" value="POST" name="method" >
                            <label for="radioPrimary4">POST</label>
                        </div>
                    </th:block>
                    <th:block th:if="${heathMonitor.method  == 'POST'}">
                        <div class="icheck-turquoise d-inline">
                            <input type="radio"  onclick="hidePostStr()" id="radioPrimary2" value="GET"  name="method" >
                            <label for="radioPrimary2"> GET </label>
                        </div>
                        <div class="icheck-wisteria d-inline">
                            <input type="radio" onclick="showPostStr()" id="radioPrimary4" value="POST"  name="method" checked>
                            <label for="radioPrimary4">POST</label>
                        </div>
                    </th:block>
                </div>
                <div id="PostStrDiv" style="display: none" class="form-group">
                    <label><font color="red"></font>POST提交内容<span class="text-muted">（可以为空）</span></label>
                    <textarea class="validate[maxSize[500]] form-control"   name="postStr" id="postStr"
                              th:text="${heathMonitor.postStr}"  rows="6" placeholder='{
"hostname":"192.168.1.2",
"page":1,
"pageSize":10
}'></textarea>
                </div>
                <div class="form-group">
                    <label><font color="red"></font>响应内容包含的标识字符<span class="text-muted">（含此标识才判定接口正常，否则失败，请尽量用字母数字标识）</span></label>
                    <input type="text" autocomplete="off"  th:value="${heathMonitor.resKeyword}" class="validate[maxSize[200]] form-control" name="resKeyword" id="resKeyword" placeholder="响应内容包含的关键字，可以为空">
                </div>
                <div class="form-group clearfix">
                    <label><font color="red">*</font>监控状态</label></br>
                    <th:block th:if="${#strings.isEmpty(heathMonitor.active)}" >
                        <div class="icheck-primary d-inline">
                            <input type="radio" id="radioPrimary1" name="active" value="1" checked>
                            <label for="radioPrimary1"> 启用监控 </label>
                        </div>
                        <div class="icheck-danger d-inline">
                            <input type="radio" id="radioPrimary3" value="2" name="active" >
                            <label for="radioPrimary3">停止监控</label>
                        </div>
                    </th:block>
                    <th:block th:if="${heathMonitor.active  == '1'}">
                        <div class="icheck-primary d-inline">
                            <input type="radio" id="radioPrimary1" name="active" value="1" checked>
                            <label for="radioPrimary1"> 启用监控 </label>
                        </div>
                        <div class="icheck-danger d-inline">
                            <input type="radio" id="radioPrimary3" value="2" name="active" >
                            <label for="radioPrimary3">停止监控</label>
                        </div>
                    </th:block>
                    <th:block th:if="${heathMonitor.active  == '2'}">
                        <div class="icheck-primary d-inline">
                            <input type="radio" id="radioPrimary1" value="1"  name="active" >
                            <label for="radioPrimary1"> 启用监控 </label>
                        </div>
                        <div class="icheck-danger d-inline">
                            <input type="radio" id="radioPrimary3" value="2"  name="active" checked>
                            <label for="radioPrimary3">停止监控</label>
                        </div>
                    </th:block>
                </div>
            </div>
            <!-- /.card-body -->

            <div class="card-footer">
                <button type="submit" class="btn btn-primary btn-sm">保存</button>
                <button type="button"  th:onclick="goback()"  class="btn bg-gradient-danger btn-sm">返回</button>
            </div>

        </form>
      <!-- /.card-body -->
    </div>
    <!-- /.card -->


  </div>

        </div>
      </div>
    </section>
  </div>


  <div th:replace="common/footer.html"></div>

</div>
<!-- ./wrapper -->
<link rel="stylesheet" th:href="@{'/static/js/jQuery/validationEngine.jquery.css'}" type="text/css"/>
<script th:src="@{'/static/js/jQuery/jquery.validationEngine-zh_CN.js'}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{'/static/js/jQuery/jquery.validationEngine.js'}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{'/static/js/heath.js'}"></script>
<script th:inline="javascript">
    $(document).ready(function(){
        $("#form1").validationEngine();
        var method = [[${heathMonitor.method}]];
        if("POST"==method){
            showPostStr();
        }
    });
    function goback() {
        history.back();
    }
</script>
</body>
</html>
